﻿<html>
<body>
    <h1>Summary</h1>
    <p>
        A button is a widget that can handle user interaction, such as a mouse click. A button
        can be in one of the following four states. The |cffee4400Normal|r state is the default state, 
        the |cffee4400Disabled|r state is used for inactive buttons, the |cffee4400Highlight|r state 
        is used when the mouse hovers over the button and the |cffee4400Pushed|r state is used for buttons that 
        are pushed by holding the mouse button down.
    </p>
    <br />
    <p>
        The button has all properties and events of a |cffee4400Frame|r.
    </p>
    <br />
    <h1>Properties</h1>
    <h2>ButtonText</h2>
    <p>Type: <a href="FontString">|cffee4400FontString|r</a></p>
    <p>
        Holds the fontstring that is used to draw the button's text and controls the text's initial 
        position. The value of this property is usually inherited from one of the built-in templates.
    </p>
    <br />
    
    <p>The following properties exist for the Normal, Disabled and Highlight states:</p>
    <br />
    <h2> ~Color (ie. NormalColor)</h2>
    <p>Type: |cffee4400Color|r</p>
    <p>The color of the text.</p>        
    <br />
    
    <h2> ~Font (ie. DisabledFont)</h2>    
    <p>Type: |cffee4400Font|r</p>
    <p>The font used for the text.</p>
    <br />
    
    <h2> ~Texture (ie. HighlightTexture)</h2>
    <p>Type: |cffee4400Texture|r</p>
    <p>The texture of the button.</p>
    <br />
    
    <h2>PushedTexture</h2>
    <p>Type: |cffee4400Texture|r</p>
    <p>Specifies the texture used when the button is in the Pushed state.</p>    
    <br />
    <h2>PushedTextOffset</h2>
    <p>Type: |cffee4400Dimension|r</p>
    <p>
        Specifies the offset by which the button's text is moved when the button is in the
        Pushed state.
    </p>    
    <br />
    <h1>Built-in templates</h1>
    <p>Use the dropdown to select from the list of built-in templates.</p>
    <br />
    <br />    
    <br />
    <br />
    <h1>Events</h1>    
    <p>The button has the following events:</p>
    <br />
    
    <h2>OnClick</h2>
    <p>The Click event is raised when the button is clicked.</p>    
    <br />
    <h1>Example</h1>
    <p>
        The following example demonstrates how a button can handle the OnClick event to
        print the contents of the edit box to the chat window.
    </p>
    <br />
    <br />
    <br />
    <br />
</body>
</html>
